.timeline-item {
    background: #fff;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    height: 50rem;
    list-style: none !important;

    /* display: none; */
    .top1 {
        height: 3.747rem;
        background-color: #f6f7f8;
    }
    .top2 {
        margin-top: 0.15rem;
        height: 1.2rem;
        background-color: #f6f7f8;
    }
    .main-sk {
        padding: 0 0.533rem;
        .nav {
            margin-top: 1rem;
            display: flex;
            .nav1 {
                width: 1.64rem;
                background-color: #f6f7f8;
                height: 0.427rem;
                border-radius: 2px;
            }
            .nav2 {
                background-color: #f6f7f8;
                width: 1.24rem;
                height: 0.427rem;
                border-radius: 2px;
                margin-left: 6rem;
            }
        }
        .item-content {
            margin-top: 0.52rem;
            a {
                text-decoration: none;
                color: black;
                display: flex;
                overflow-x: scroll;
                div {
                    border-radius: 0.24rem;
                    margin-right: 0.413rem;
                    div {
                        background-color: #f6f7f8;
                        width: 3.093rem;
                        height: 4.587rem;
                        border-radius: 0.24rem;
                    }
                    p {
                        background-color: #f6f7f8;
                        text-align: center;
                        width: 3.093rem;
                        font-size: 0.32rem;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                }
            }
        }
    }

    .style {
        animation-duration: 1s;
        animation-fill-mode: forwards;
        animation-iteration-count: infinite;
        animation-name: placeHolderShimmer;
        animation-timing-function: linear;
        background: #f6f7f8;
        background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
        background-size: 800px 104px;
    }
    .animated-background {
        animation-duration: 1s;
        animation-fill-mode: forwards;
        animation-iteration-count: infinite;
        animation-name: placeHolderShimmer;
        animation-timing-function: linear;
        background: #f6f7f8;
        background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
        background-size: 800px 104px;
        height: 96px;
        position: relative;
    }
    .background-masker {
        background: #fff;
        position: absolute;
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}
